<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
    </head>
    <style type="text/css">

        * {
            margin:0;
            padding:0;
        }
        .body-wrapper {
            width:960px;
            margin:0 auto;
            margin-top:50px;
            font-family:verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size:12px;
        }
        .body-wrapper .header .navigator {
            font-size:13px;
            list-style-type:none;
            display:block;
            margin-top:1em;
            +margin-top:.5em;
            margin-bottom:1em;
            vertical-align: middle;
            width:100%;
            background-color:#fafafa;
            border:1px solid #efefef;
            border-bottom:#efefef 1px solid;
            border-right:#efefef 1px  solid
        }
        .body-wrapper .header .navigator a {
            text-decoration:none;
            color:#999;
            display:block;
                  /*width:50px;*/
         
            float:left;
            text-align:center;
            padding:1px;
            padding-left:.3em;
            padding-right:.3em;
            margin-left:.5em;
             +margin-left:1em;
            padding-bottom:1px;
         
            font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
           
            
             overflow:hidden;
            +
            padding-top:2px;
           
        }
        .body-wrapper .header .navigator a strong{
          font-size:15px;
          font-weight:normal;
          margin-left:.2em;
          margin-right:.2em;
          color:#ccc;
          }
        .body-wrapper .header .navigator a:hover {
          
            color:#5A7607;
           
           /* border-bottom:1px solid #CCC;*/
        }
        .body-wrapper .header .navigator ul, li {
            list-style-type: none;
            display:inline-block;
            margin-right:1em;
            +
            display:inline;
        }
        .body-wrapper .header.navigator ul {
            margin:0px;
            padding:0px;

        }
        .body-wrapper .header.navigator li {
            margin:0px;
            padding:0px;
            height:20px;

        }
        .body-wrapper  .body-content {
            clear:both;
            display:block;
            width:960px;
 
            height:100%;
            line-height:20px;
           

        }
        .body-wrapper .body-content .main-content {
            width:640px;
            height:100%;
            clear:both;
            display:block;
            /* background-color:#efefef;
            border:1px solid #ccc;*/
        }

    </style>
    <body>
        <div class="body-wrapper">
            <div class="header">
                <div class="logo">
                    <img src="./images/logo.png" />
                </div>
                <div class="navigator">
                    <ul>
                        <li>
                            <a href="#"><b>Home</b><strong>-</strong>首页</a>
                        </li>
                        <li>
                            <a href="#"><b>About</b><strong>-</strong>关于</a>
                        </li>
                        <li>
                            <a href="#"><b>Products</b><strong>-</strong>产品</a>
                        </li>
                        <li>
                            <a href="#"><b>Craft</b><strong>-</strong>工艺</a>
                        </li>
                        <li>
                            <a href="#"><b>Contact</b><strong>-</strong>联系</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="body-content">
                <div class="main-content">
                  <h3>We art up the app.</h3>
                    TabMake is a professional game,website and graphic design studio. We provide high quaity professional services at reasonable prices. Our top designer team will give you our creative ideas to make your life more colorful and promote your brand!
                </div>
            </div>
        </div>
    </body>
</html>
